<script setup lang="ts">
import fj2 from "~/assets/images/carousel/fj2.jpg";
import fj3 from "~/assets/images/carousel/fj3.jpg";

defineOptions({
  name: "carousel",
});

const imageList = ref([
  { url: fj2, desc: "第二张图片" },
  { url: fj3, desc: "第三张图片" },
]);
</script>

<template>
  <el-carousel
    trigger="click"
    class="w-[650px] rounded-md overflow-hidden"
    height="450px"
  >
    <el-carousel-item v-for="(item, index) in imageList" :key="index">
      <el-image :src="item.url" fit="fill" class="w-[650px] h-[450px]" />
    </el-carousel-item>
  </el-carousel>
</template>

<style lang="scss" scoped></style>
